<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <meta name="generator" content="Jarvis 3.0.0"/>
    <meta name="author" content="Jarvis Team"/>
    <meta name="copyright" content="2020-2026 Jarvis Inc."/>


    <meta name="subdir" content="/"/>

    <meta name="Keywords" content="宣和艺网">
    <meta name="description" content="宣和艺网"/>
    <title>宣和艺网-共享艺术服务平台</title>
    <!-- PAGEICO -->
    <!-- PAGBGSOUND -->
    <link rel="stylesheet" type="text/css" name="public_css" th:href="@{/css/public.css}"/>

    <link rel="stylesheet" type="text/css" name="page_theme_css" th:href="@{/css/page_1279620398.css}"/>

    <link rel="stylesheet" type="text/css" name="current_page_css" th:href="@{/css/pps_0.css}"/>

    <SCRIPT LANGUAGE="JavaScript" th:href="@{/js/jquery-1.5.2.min.js}"></SCRIPT>
    <script language="JavaScript" th:href="@{/js/common.js}"></script>
    <script language="JavaScript" th:href="@{/js/form.js}"></script>
    <SCRIPT LANGUAGE="JavaScript" th:href="@{/js/jquery.corner.js}"></SCRIPT>


    <script language="JavaScript" th:href="@{/js/bas.js}"></script>
    <script th:href="@{/js/bas_replace_class.js}" language="JavaScript"></script>
    <script type="text/javascript" th:src="@{/js/baiduhm.js}" ></script>

</head>

<body>
<!-- PUBLICHEAD -->
<!-- PUBLICAPPHEAD --><!--begin layout (6) -->
<div class="theme_layoutbox_1400635180">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1400635180">
        <tr>
            <td colspan="1" rowspan="1" width="100%" align="left" valign="top">
                <!--begin block 5-->
                <dl class='theme_block_1231159117 theme_block_5'>
                    <dd class='theme_body_1231159117 theme_body_5'>
                        <div class="vt_b">
                            <div class="vt_bf">
                                <div class="vt_fd">
                                    <div class="vt_fc">

                                        <!--                                        <a href="#" target="_self">简体</a>-->
                                        <!--                                        <a target="_self">繁体</a>-->

                                    </div>
                                </div>
                                <div class="vt_fa bgm"><a target="_self" href="/">宣和艺网</a></div>
                                <!--div id="vt_denglu">


        </div-->

                            </div>

                        </div>

                        <div><a target="_blank" href="">宣和艺网<span>[surnwo.com]</span></a></div>
                    </dd>
                </dl>

                <!--end block 5--><!-- FRAME6-1-1 -->
            </td>
        </tr>
    </table>
</div>
<!--顶部 start-->
<div class="theme_layoutbox_1208765579">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1208765579">
        <tr>
            <td colspan="1" rowspan="1" width="320" align="left" valign="top">
                <!--网站logo start-->
                <dl class='theme_block_1231159117 theme_block_6' th:style="'width:auto;height:'+${systemConfig.HeaderLogoHeight}+'px'">
                    <dd class='theme_body_1231159117 theme_body_6'>
                        <ul class="i06 bgm" style="position: relative">
                            <img th:src="${systemConfig.HeaderLogo}" th:style="'width:1180px;height:'+${systemConfig.HeaderLogoHeight}+'px'">
                            <div  th:style="'position: absolute;top: 0px;width:1180px;height:'+${systemConfig.HeaderLogoHeight}+'px'" th:utext="${systemConfig.HeaderLogoText}"></div>
                            <a target="_self" class="logo" href="/">宣和艺网</a>
                        </ul>
                    </dd>
                </dl>
                <!--网站logo end-->

                <!--end block 6--><!-- FRAME7-1-1 -->
            </td>
            <!--            <td colspan="1" rowspan="1" width="860" align="right" valign="top">-->
            <!--                &lt;!&ndash;begin block 9&ndash;&gt;-->
            <!--                <dl class='theme_block_1231159117 theme_block_9'>-->
            <!--                    <dd class='theme_body_1231159117 theme_body_9'><a href=""-->
            <!--                                                                      target="_blank"-->
            <!--                                                                      style="display:block; width:100%; height:90px;"><img-->
            <!--                            style="height: 233px;float: right;" th:src="@{/picture/index/001.jpg}"></a>-->
            <!--                    </dd>-->
            <!--                </dl>-->


            <!--            </td>-->
        </tr>
    </table>
</div>
<!--顶部 end-->
<div class="theme_layoutbox_1400635216">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1400635216">
        <tr>
            <td colspan="1" rowspan="1" width="100%" align="left" valign="top">
                <!--begin block 10-->
                <dl class='theme_block_1231159117 theme_block_10'>
                    <dd class='theme_body_1231159117 theme_body_10'>
                        <style>
                            .hidden_img img {
                                display: none !important;
                            }

                            .hidden_img p {
                                margin-top: 0px;
                                font-size: 12px !important;
                                color: #a0a0a0 !important;
                            }

                            .hidden_img p .i08c a span {
                                margin-top: 0px;
                                font-size: 12px !important;
                                color: #a0a0a0 !important;
                            }

                            .i10s_a {
                                float: left;
                                width: 275px;
                                height: 35px;
                                padding: 5px 10px;
                                overflow: hidden;
                            }

                            .i10s_a input {
                                width: 275px;
                                height: 35px;
                                overflow: hidden;
                                line-height: 35px;
                                background: none;
                                border: none;
                                margin: 0px;
                                padding: 0px;
                                font-size: 14px;
                                color: #6b6b6b;
                            }

                            .i10s_b {
                                float: left;
                                width: 50px;
                                height: 45px;
                                overflow: hidden;
                            }

                            .i10s_b input {
                                width: 50px;
                                height: 45px;
                                overflow: hidden;
                                background: none;
                                border: none;
                                margin: 0px;
                                padding: 0px;
                                text-indent: -999px;
                                cursor: pointer;
                            }
                        </style>


                        <ul class="i10" id="sydh">
                            <li th:each="menu,index:${menus}"
                                th:class="${menu.isActice == 1}? ' w_new ' : ' div_jia w_old '">
                                <a th:href="${menu.content}" target="_self" class=" n_old ">[[ ${menu.name} ]]</a>
                            </li>
                            <li style="border: none;width: 300px;float: right">
                                <div style="border: 1px solid #ccc;height: 32px">
                                    <form style=" margin:0px; padding:0px; " target="_self" action="/search">
                                        <div style="float: left">
                                            <select class="header_select_box" name="type"
                                                    style="height: 32px;background: transparent;font-size: 14px;padding-left: 8px;color: #999;">
                                                <option selected="selected" value="1">艺术家</option>
                                                <option value="2">艺术品</option>
                                                <option value="3">艺术机构</option>
                                                <option value="4">文章资讯</option>
                                            </select>
                                        </div>

                                        <div style="float: left">
                                            <input name="name"
                                                   style="height: 30px;border: none;background: transparent">
                                        </div>
                                        <div style="float: left">
                                            <input type="submit" value=""
                                                   style="width: 38px;height: 32px;background: transparent;border: none;background: url('../images/search.png');background-size: 23px;
    background-repeat: no-repeat;
    background-position: center;">
                                        </div>
                                    </form>
                                </div>


                            </li>


                        </ul>
                    </dd>
                </dl>

                <!--end block 10--><!-- FRAME9-1-1 -->
            </td>
        </tr>
    </table>
</div>
<!--正文 start-->
<div class="theme_layoutbox_1208765579 page-content">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1208765579">


        <tr></tr>
        <td colspan="3" rowspan="1" width="1180" align="left" valign="top">
            <!--begin block 14-->
            <style>
                .n41 {
                    margin-left: 10px;
                    margin-top: 10px;
                    width: 1158px;
                }

                .n41a {
                    width: 1112px;
                }

                .n41_r {
                    width: 888px;
                }

                .letter-item {
                    margin-right: 20px;
                    color: #333;
                }

                .active-letter-item {
                    margin-right: 20px;
                    color: #b68036;
                }
            </style>

            <dl class='theme_block_1231159117 theme_block_20' style="background: #fff;height: auto;border: none">
                <dd style="border-bottom: 1px dashed #ccc;width: 1090px;text-align: left;height: 60px;font-size: 16px;margin-top: 10px">
                    <div style="margin-bottom: 10px;">
                    <span style="margin-right: 20px;color: #999;">
                    首字母搜索:
                        </span>
                        <a th:class="${fy == null||fy == 'null'}? 'active-letter-item' : 'letter-item '" th:href="@{/search?type=1}+@{&atype=}+${atype}">全部</a>
                        <a th:class="${fy == 'A'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=A}+@{&atype=}+${atype}">A</a>
                        <a th:class="${fy == 'B'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=B}+@{&atype=}+${atype}">B</a>
                        <a th:class="${fy == 'C'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=C}+@{&atype=}+${atype}">C</a>
                        <a th:class="${fy == 'D'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=D}+@{&atype=}+${atype}">D</a>
                        <a th:class="${fy == 'E'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=E}+@{&atype=}+${atype}">E</a>
                        <a th:class="${fy == 'F'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=F}+@{&atype=}+${atype}">F</a>
                        <a th:class="${fy == 'G'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=G}+@{&atype=}+${atype}">G</a>
                        <a th:class="${fy == 'H'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=H}+@{&atype=}+${atype}">H</a>
                        <a th:class="${fy == 'I'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=I}+@{&atype=}+${atype}">I</a>
                        <a th:class="${fy == 'J'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=J}+@{&atype=}+${atype}">J</a>
                        <a th:class="${fy == 'K'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=K}+@{&atype=}+${atype}">K</a>
                        <a th:class="${fy == 'L'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=L}+@{&atype=}+${atype}">L</a>
                        <a th:class="${fy == 'M'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=M}+@{&atype=}+${atype}">M</a>
                        <a th:class="${fy == 'N'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=N}+@{&atype=}+${atype}">N</a>
                        <a th:class="${fy == 'O'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=O}+@{&atype=}+${atype}">O</a>
                        <a th:class="${fy == 'P'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=P}+@{&atype=}+${atype}">P</a>
                        <a th:class="${fy == 'Q'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=Q}+@{&atype=}+${atype}">Q</a>
                        <a th:class="${fy == 'R'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=R}+@{&atype=}+${atype}">R</a>
                        <a th:class="${fy == 'S'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=S}+@{&atype=}+${atype}">S</a>
                        <a th:class="${fy == 'T'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=T}+@{&atype=}+${atype}">T</a>
                        <a th:class="${fy == 'U'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=U}+@{&atype=}+${atype}">U</a>
                        <a th:class="${fy == 'V'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=V}+@{&atype=}+${atype}">V</a>
                        <a th:class="${fy == 'W'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=W}+@{&atype=}+${atype}">W</a>
                        <a th:class="${fy == 'X'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=X}+@{&atype=}+${atype}">X</a>
                        <a th:class="${fy == 'Y'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=Y}+@{&atype=}+${atype}">Y</a>
                        <a th:class="${fy == 'Z'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1&fy=Z}+@{&atype=}+${atype}">Z</a>
                    </div>


                    <div>
                    <span style="margin-right: 20px;color: #999;">
                    艺术类型:
                        </span>

                        <a th:class="${atype == null||atype == 'null'}? 'active-letter-item' : 'letter-item '"
                           th:href="@{/search?type=1}+@{&fy=}+${fy}">全部</a>
                        <a th:each="artType:${artTypes}" th:href="@{/search?type=1&atype=}+${artType.typeId}+@{&fy=}+${fy}"
                           th:class="${atype == artType.typeId}? 'active-letter-item' : 'letter-item '"
                           th:text="${artType.name}"></a>


                    </div>
                </dd>


                <dd class='theme_body_1231159117 theme_body_20'>
                    <ul class="i20" style="height: auto;">
                        <!-- 0,4 -->
                        <ol class="i20a " id="zl_1" style=" display:block;height: auto;">

                            <ul class="m20by" id="yszl" style="width: 1145px;height: auto;">

                                <ol class="div_jia w_old" th:each="artist,index:${artists}">
                                    <li class="m20a tbimg n_old" style="margin:0 auto">
                                        <table>
                                            <tr>
                                                <td>
                                                    <a th:href="@{/artist(id=${artist.id})}" target="_blank"><img
                                                            th:src="${artist.url}"
                                                            style="max-width: 244px;max-height: 244px;width: 100%;"></a>
                                                </td>
                                            </tr>
                                        </table>
                                    </li>
                                    <li class="m20b ">
                                        <a th:href="@{/artist(id=${artist.id})}" target="_blank"
                                           th:title="${artist.name}"> [[ ${artist.name} ]] </a>
                                    </li>

                                </ol>






                                <div class="clear"></div>
                            </ul>


                            <div class="clear"></div>
                        </ol>

                        <!-- 1,4 -->

                    </ul>
                    <style>
                        .disabled{
                            pointer-events:none
                        }
                        .fl{
                            float: left;
                            font-size: 16px;
                            margin-right: 10px;
                            border: 1px solid #ccc;
                            padding: 5px 10px;
                        }
                        .active{
                            background: #b68036 ;
                            border: 1px solid #fff ;
                        }
                        .active a{
                            color: #FFFFFF;
                        }
                    </style>
                    <div th:if="${totalPages > 1}" style="display: flex; justify-content: center; align-items: center;padding: 0px 30px;margin-bottom: 11px;height: 39px;text-align: center;">
                        <nav aria-label="Page navigation">
                            <ul class="pagination">
                                <li th:class="${currentPage == 1}? 'disabled fl':'fl'">
                                    <a th:href="@{/search(page=${currentPage - 1},fy=${fy},atype=${atype},type=${1})}" aria-label="Previous">
                                        <span aria-hidden="true">上一页</span>
                                    </a>
                                </li>

                                <li th:each="page:${pages}" th:class="${currentPage == page}? 'active fl':'fl'">
                                    <a th:href="@{/search(currentPage=${page}, type=${1},fy=${fy},atype=${atype})}" th:text="${page}"></a>
                                </li>


                                <li th:class="${currentPage == totalPages }? 'disabled fl':'fl'">
                                    <a th:href="@{/search(currentPage=${currentPage + 1}, type=${1},fy=${fy},atype=${atype})}" aria-label="Next">
                                        <span aria-hidden="true">下一页</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>


                    </ul>
                </dd>
            </dl>

            <!--end block 14--><!-- FRAME5-2-1 -->
        </td>
        </tr>


    </table>
</div>
<!--正文 end-->
<div class="theme_layoutbox_1400835584">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1400835584">
        <tr>
            <td colspan="1" rowspan="1" width="100%" align="left" valign="top">
                <!--begin block 12-->
                <dl class='theme_block_1231159117 theme_block_12'>
                    <dd class='theme_body_1231159117 theme_body_12'>
                        <ul class="i12t">
                            <li style="background-color:#ed4b3c;"></li>
                            <li style="background-color:#41bef4;"></li>
                            <li style="background-color:#b68036;"></li>
                            <li style="background-color:#459b9a;"></li>
                            <li style="background-color:#ffa904;"></li>
                        </ul>

                        <ul class="i12">
                            <span>站点地图：</span>
                            <a href="/" target="_blank">宣和艺网首页</a>
                            <a href="/depart/list" target="_blank">艺术机构</a>
                            <a href="/search?type=1" target="_blank">艺术名家</a>
<!--                            <a href="/search?type=2" target="_blank">艺术展览</a>-->
<!--                            <a href="/search?type=4" target="_blank">文章资讯</a>-->


                        </ul>


                    </dd>
                </dl>

                <!--end block 12--><!-- FRAME10-1-1 -->
            </td>
        </tr>
    </table>
</div>
<!--end layout (10) -->
<!--begin layout (11) -->
<div class="theme_layoutbox_1400835667">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1400835667">
        <tr>
            <td colspan="1" rowspan="1" width="100%" align="left" valign="top">
                <!--begin block 11-->
                <dl class='theme_block_1231159117 theme_block_11'>
                    <dd class='theme_body_1231159117 theme_body_11'>
                        <ul class="i11">
                            <li><a href="/" target="_blank">中山端航科技版权所有，请勿转载 Copyright © Surnwo Art-Grid
                                All Rights
                                Reserved
                            </a>
                            </li>
                            <li>
                                <span></span><span></span><span></span><span></span><a
                                    href=""
                                    target="_blank"></a><span></span><span>技术支持:</span><a
                                    href="http://surnwo.com/"
                                    target="_blank">中山端航科技<span></span></a><a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备2023141016号-5 </a>
                            </li>
                        </ul>


                    </dd>
                </dl>

                <!--end block 11--><!-- FRAME11-1-1 -->
            </td>
        </tr>
    </table>
</div>
<!--end layout (11) -->
<!-- PUBLICAPPFOOT -->
<!-- PUBLICFOOT -->
</body>

</html>
